<template>
  <!-- 采访申请 -->
  <div>
    <Card>
      <div style="min-height: 730px">
        <Row>
          <Col span="2">
            <Row type="flex" align="middle">
              <Col span="2">
                <div class="nl-square"></div>
              </Col>
              <Col>采访上报</Col>
            </Row>
          </Col>
        </Row>
        <!-- 采访表单 -->
        <Form
          ref="ndForm"
          :model="ndForm"
          :rules="ndRuleForm"
          :label-width="110"
          style="margin-top:10px;"
        >
          <Row>
            <Col span="7">
              <FormItem label="采访标题" prop="nd_title">
                <Input v-model="ndForm.nd_title" placeholder="输入采访标题"></Input>
              </FormItem>
            </Col>
            <Col span="7" push="1">
              <FormItem label="作者姓名" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="输入作者姓名"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="7">
              <FormItem label="发布单位" prop="nd_issued">
                <Select v-model="ndForm.nd_issued" placeholder="选择发布单位">
                  <Option value="jinan">济南分行</Option>
                  <Option value="tianjin">天津分行</Option>
                  <Option value="beijing">北京分行</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="7" push="1">
              <FormItem label="采访属性" prop="nd_news_attributes">
                <Row type="flex" justify="space-between">
                  <Col span="7">
                    <Select placeholder="一级">
                      <Option value="dl1">大类1</Option>
                      <Option value="dl2">大类2</Option>
                      <Option value="dl3">大类3</Option>
                    </Select>
                  </Col>
                  <Col span="7">
                    <Select placeholder="二级">
                      <Option value="dl1">中类1</Option>
                      <Option value="dl2">中类2</Option>
                      <Option value="dl3">中类3</Option>
                    </Select>
                  </Col>
                  <Col span="7">
                    <Select placeholder="三级">
                      <Option value="dl1">小类1</Option>
                      <Option value="dl2">小类2</Option>
                      <Option value="dl3">小类3</Option>
                    </Select>
                  </Col>
                </Row>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="7">
              <FormItem label="发布媒体" prop="nd_media">
                <Select v-model="ndForm.nd_media" placeholder="选择发布媒体">
                  <Option value="fenghuang">凤凰网天津频道</Option>
                  <Option value="weibo">微博</Option>
                </Select>
              </FormItem>
            </Col>
            <Col span="7" push="1">
              <FormItem label="预计发布日期" prop="nd_estimated_time">
                <DatePicker type="date" placeholder="选择预计发布日期" v-model="ndForm.nd_estimated_time"></DatePicker>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="7">
              <FormItem label="发布时间" prop="nd_release">
                <Row type="flex" justify="space-between">
                  <Col span="11">
                    <FormItem prop="nd_release_date">
                      <DatePicker type="date" placeholder="选择发布日期"></DatePicker>
                    </FormItem>
                  </Col>
                  <Col span="1">-</Col>
                  <Col span="11">
                    <FormItem prop="nd_release_time">
                      <TimePicker type="time" placeholder="选择发布时间"></TimePicker>
                    </FormItem>
                  </Col>
                </Row>
              </FormItem>
            </Col>
            <Col span="7" push="1">
              <Row type="flex" justify="space-between">
                <Col span="12">
                  <FormItem label="同篇报道" prop="nd_same_report">
                    <Select v-model="ndForm.nd_smae_report" placeholder="选择同篇报道">
                      <Option value="baodao1">报道1</Option>
                      <Option value="baodao2">报道2</Option>
                    </Select>
                  </FormItem>
                </Col>
                <Col span="12">
                  <FormItem label="转载量" prop="nd_reprinted">
                    <Input v-model="ndForm.nd_reprinted" placeholder="设置转载量"></Input>
                  </FormItem>
                </Col>
              </Row>
            </Col>
          </Row>
          <FormItem label="质量分析" prop="nd_quality_analysis">
            <RadioGroup v-model="ndForm.nd_quality_analysis">
              <Radio label="zonghe">综合报道</Radio>
              <Radio label="jianxun">简讯</Radio>
              <Radio label="xiaoxi">消息</Radio>
              <Radio label="zhuanti">专题</Radio>
              <Radio label="ztbaodao">专题报道</Radio>
            </RadioGroup>
          </FormItem>
          <Row>
            <Col span="15">
              <FormItem label="内容摘要" prop="nd_abstract">
                <Input
                  v-model="ndForm.nd_abstract"
                  type="textarea"
                  :autosize="{minRows: 5,maxRows: 7}"
                  placeholder="输入内容"
                ></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="4">
              <FormItem label="字数" prop="nd_word_count">
                <Input v-model="ndForm.nd_word_count" placeholder="输入字数"></Input>
              </FormItem>
            </Col>
            <Col span="4" push="4">
              <FormItem label="评分" prop="nd_score">
                <Input v-model="ndForm.nd_score" placeholder="输入评分"></Input>
              </FormItem>
            </Col>
          </Row>
          <FormItem>
            <Button type="primary" @click="handleSubmit('ndForm')">保存</Button>
            <Button type="success" @click="handleReset('ndForm')" style="margin-left: 8px">审核通过</Button>
            <Button type="error" @click="handleReset('ndForm')" style="margin-left: 8px">驳回</Button>
          </FormItem>
        </Form>
      </div>
    </Card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //表单数据
      ndForm: {
        nd_title: "",
        nd_name: "",
        nd_issued: "",
        nd_news_attributes: [],
        nd_media: "",
        nd_estimated_time: "",
        nd_release_time: "",
        nd_release_date: "",
        nd_same_report: "",
        nd_reprinted: "",
        nd_quality_analysis: "",
        nd_abstract: "",
        nd_word_count: "",
        nd_score: ""
      },
      ndRuleForm: {
        nd_title: [
          { required: true, message: "请输入采访标题", trigger: "blur" }
        ],
        nd_name: [
          { required: true, message: "请输入作者姓名", trigger: "blur" }
        ],
        nd_issued: [{ required: true }],
        nd_news_attributes: [{ required: true }],
        nd_media: [{ required: true }],
        nd_estimated_time: [{ required: true }],
        nd_release: [{ required: true }],
        nd_same_report: [{ required: true }],
        nd_reprinted: [{ required: true }],
        nd_quality_analysis: [{ required: true }],
        nd_abstract: [{ required: true }],
        nd_word_count: [{ required: true }],
        nd_score: [{ required: true }]
      }
    };
  },
  methods: {}
};
</script>

<style scoped>
.send-news {
  margin-bottom: 10px;
}
.nl-square {
  width: 3px;
  height: 13px;
  background: #3431ec;
}
</style>
